$(".laypage_0").on("click", "a", function() {
	$(this).addClass('clack').siblings('a').removeClass('clack')
});

$(".watch").on("mouseenter","img",function(){
	$(this).css('transform','scale3d(1.05, 1.05, 1)')
});
$(".watch").on("mouseleave","img",function(){
	$(this).css('transform','scale3d(1, 1, 1)')
});
$(".watch").on("mouseenter",function(){
	$(this).find(".series").each(function(index,n){
		$(n).css({
			opacity:'1',
			bottom:'100px'
		})
	})
});
$(".watch").on("mouseleave",function(){
	$(this).find(".series").each(function(index,n){
		$(n).css({
			opacity:'0',
			bottom:'0px'
		})
	})
})
$(".clearfix-a").on("mouseenter",function(){
	$(this).each(function(i,x){
		$(x).css({
			backgroundColor:' #ba0c2f',
			color:'white'
		})
	})	
})
$(".clearfix-a").on("mouseleave",function(){
	$(this).each(function(i,x){
		$(x).css({
			backgroundColor:' white',
			color:'#111'
		})
	})	
})



//滑动
// $(".suzycon-itema").on("mouseenter",function(){
// 	$(this).each(function(i,x){
// 		$(x).css({
// 			border:'1px solid #ba0c2f',
// 			color:'#ba0c2f',
// 		})
// 	})	
// })
// $(".suzycon-itema").on("mouseleave",function(){
// 	$(this).each(function(i,x){
// 		$(x).css({
// 			color:'#111',
// 			border:' 1px solid #d0cfcf'
// 		})
// 	})	
// })


//点击
$(".suzycon-itema").on("click",function(){
	$(this).each(function(i,x){
		$(x).css({
			border:'1px solid #ba0c2f',
			color:'#ba0c2f'
		});
		$(x).addClass('asd');
		$("#sidebar").append($(x).html()).css({
			display: 'inline-block',
			width:' 117px',
			height: '42px',
			border: '1px solid #ba0c2f',
			textAlign: 'center',
			lineHeight: '42px',
			margin: '10px 15px 10px 0',
			fontSize: '14px',
			color:' #ba0c2f',

		})
		// $("#sidebar").append($(x).text().addClass('asd'));
		console.log($(x).html())
	})
})

$(".suzyconprev").on("click",function(){
	$("#swiper-wrapper").css("transform", "translate3d(0px, 0px, 0px)");
	$(this).hide();
	$(".suzyconnext").show();
})
$(".suzyconnext").on("click",function(){
	$("#swiper-wrapper").css("transform", "translate3d(-1520px, 0px, 0px)");
	$(this).hide();
	$(".suzyconprev").show();
})

function getGoodsList(){
	$.get("php/getGoodsList.php?typeId=001",function(data){
		let goodsList=JSON.parse(data);
		let htmlstr="";
		goodsList.forEach(goods=>{
			htmlstr +=`
			<li class="watch">
				<a href="./product.html?goodsId=${goods.goodsId}">
					<div class="thumb">
						<img src="${goods.goodsImg}" alt="">
					</div>
					<div class="msg">
						<p class="serial">${goods.goodsName}</p>
						<h2>${goods.goodsDesc}</h2>
						<p class="price">¥ ${goods.goodsPrice}</p>
					</div>
					<p class="series">探索此款腕表</p>
				</a>
			</li>

			`;
		});
		$("#product-list-ul").html(htmlstr);
	});
}
$(function(){
	getGoodsList();
})